*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
ul{
    list-style: none;
}
.circle{
    height: .27rem;
    background-color: #ebebeb
}
.height{
    height: 1rem;
}
.clear{
    clear: both;
}
.widtha{
    width: 200px !important;
}
.widthb{
    width: 250px !important;
}
.widthc{
    width: 300px !important;
}
.empty_list{
    text-indent: 1.6em !important;
}
h5{
    padding: .2rem .32rem;
    font-size: @14;
    color: @co102;
    font-weight: normal;
}
h3{
    padding: .27rem .32rem;
    font-size: @12;
    color: @co153;
    font-weight: normal;
    background-color: @co235; 
}
h4{
    font-size: @15;
    color: #000;
    font-weight: normal;
    padding: .4rem .32rem;
}
::-webkit-input-placeholder { /* WebKit browsers */  
    font-size: @15; 
}  
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
    font-size: @15;  
}  
::-moz-placeholder { /* Mozilla Firefox 19 */  
    font-size: @15;  
}  
:-ms-input-placeholder { /* Internet Explorer 10 */  
    font-size: @15 !important;  
}  
@30:.8rem;
@24:.62rem;
@18:.48rem;
@15:.4rem;
@14:.37rem;
@13:.35rem;
@12:.32rem;
@11: .3rem;
@10:.27rem;
@co255:rgb(255, 255,255);
@co252:rgb(252, 238,200);
@co250:rgb(250,48,48);
@co248:rgb(248, 225, 182);
@co245:rgb(245, 80, 52);
@co241:rgb(255, 241, 215);
@co240:rgb(240, 240, 240);
@co235:rgb(235, 235, 235);
@co204:rgb(204, 204, 204);
@co202:rgb(202, 202, 202);
@co200:rgb(200, 200, 200);
@co189:rgb(235,189,5);
@co153:rgb(153,153,153);
@co128:rgb(128,193,252);
@co102:rgb(102, 102, 102);
@co51:rgb(51, 51, 51);
@co47:rgb(47, 120, 236);
@co20:rgb(20,93,210);
@cofa:#fafafa;
@f55:#f55034;
@sc:'PingFang-SC-Medium';
@hel:'Helvetica';
// 产品详情
.card-demo-flex > .long_line{
    flex: none;
    width: 1px;
    height: 1.2rem;
    background-color:@co235;
    margin-top: .15rem;
}
// 产品详情 小标题
.product_tab{
    background-color: @co255;
    font-size: @14;
    color: @co153;
    padding: .2rem .32rem;
}
//遮罩
.backcolor{
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    background-color:#000;
    padding-bottom: .4rem;
    opacity:0.3;
    z-index: 80;
}
// 无产品数据
.weui-loadmore{
    .weui-loadmore__tips{
        font-size: @18;
        font-weight: 600;
        color: @co51;
        background-color: @co235 !important;
    }
}
// 图形验证码
.credit-vcode{
    .weui-cell{
        padding: 0px;
    }
}
.image-code{
    .weui-dialog{
        position: absolute;
        top: 50%;
        padding-top: .4rem;
        ::-webkit-input-placeholder { /* WebKit browsers */  
            font-size: @12; 
        }  
        :-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
            font-size: @12;  
        }  
        ::-moz-placeholder { /* Mozilla Firefox 19 */  
            font-size: @12;  
        }  
        :-ms-input-placeholder { /* Internet Explorer 10 */  
            font-size: @12 !important;  
        }  
        width: 90%;
        .confirm{
            height: 1rem;
            line-height: 1rem;
            color: @co255;
            font-size: @15;
            background-color: @co47;
            margin-top: 1rem
        }
        .weui-cell__hd{  
            img{
                width: .4rem;
                margin-right: 5px;
            }
        }
        .weui-cell{
            .weui-cell__ft{
                img{
                    width: 100%;
                    margin: 0px;
                }
            }
        }
        .weui-input{
            height: 1.5rem;
            line-height: 1.5rem;
            font-size: @15;
            position: relative;
            z-index: 10000;
        }
        .weui-vcode{
            border-bottom: 1px solid @co235;
            border-left: 1px solid @co235;
            border-right: 1px solid @co235;
            padding: 0px 5px !important;
            margin: 0px .32rem !important;
            .vcode-active{
                font-size: @15;
            }
            .vcode-inactive{
                font-size: @15;
            }
        }
        .weui-cell_vcode{
            margin:0px .32rem 0rem .32rem;
            padding: 0px 5px !important;
            border: 1px solid @co235;
            .weui-cell__primary{
                height: 1.5rem;
                width: 50%;
                line-height: 1.5rem;
                border-right: 1px solid @co235;
            }
            .weui-cell__ft{
                width: 40%;
            }
        }
    }
}
// 分享按钮 
.share{
    width: 80%;
    padding:.2rem 0rem;
    color: @co255;
    background-color: @co47;
    border-radius: 1rem;
    text-align: center;
    font-size: @15;
    margin: .4rem auto
}
// 分享浮动层
#share-float{
    width: 100%;
    height: 100%;
    text-align: right;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 550;
    div{
        position: fixed;
        top: 0px;
        right: 0px;
        z-index: 550;
        background-color:#000;
        width: 100%;
        height: 100%;
        opacity:0.3;
    }
    img{
        position: relative;
        width:80%;
        z-index: 1000
    }
}
// 我的收藏，信贷客切换按钮
.history-tab{
    background-color: @co255;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 1.5rem;
    width: 100%;
    z-index: 500;
}
// 信贷客页，信贷客着陆页，固定头部距离
.btton_tab_history{
    height: 1.1rem;
}
// 信贷圈子 无评论 查看全部回复
.check-reply{
    text-align: center;
    font-size: @12;
    color: @co47;
    padding: .27rem 0rem;
}
// 信贷圈子头像
.install-headerimg {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
}
// 信贷圈子 点赞
.like-active{
    display: none;
}
// 注册 非好友验证 协议
.agreement{
    padding-left: .7rem;
    margin-top: .4rem;
    font-size: @12;
    color: @co153;
    a{
        color: @co47;
    }
    .vux-x-icon {
        fill: @co47;
        width: .5rem;
        vertical-align: middle;
      }
}
// 手机登录 忘记密码 注册
.register-other{
    text-align: center;
    font-size: @15;
    color: @co47;
    margin-top: .4rem;
}
// 已有账号
.register-have{
    width: 80%;
    padding:.2rem 0rem;
    color: @co153;
    background-color: @co235;
    border-radius: 1rem;
    text-align: center;
    font-size: @15;
    margin: .4rem auto
}
// 忘记密码（设置新密码）
h2{
    font-size: @24;
    padding:.3rem .32rem;
}
.explain-forget{
    font-size: @15;
    color: #333333;
    padding: .32rem;
}
// 弹窗
.weui-dialog__btn_primary{
    color: @co47 !important;
}
// 信贷客弹窗
.qcode_p{
    font-size: @14;
    color: #333;
    padding: .1rem;
    text-align: center;
}
// 信贷客页面，信贷客详情页，内容分享，二维码分享按钮
.product_btn{
    margin: .4rem auto;
    width: 90%;
    .weui-btn:after{
        display: none;
    }
    .weui-btn{
        border: 1px solid @co153;
        line-height: .8rem;
        font-size: @15;
        width: 80%;
        background-color: #f0f0f0;
    }
}
// 身价计算器 底部弹窗
.vux-popup-bottom{
    .weui-cells_radio{
        text-align: center;
        .weui-cell{
            border-bottom: 1px solid @co235;
            font-size: @15;
        }
    }
}
// 计算器 错误弹出提示
.error{
    color: @co250;
    font-size: @12;
    background-color: @co252;
    padding: .1rem .32rem;
}
// 计算器 房贷 tab 切换
.compute-loan{
    font-size: @12;
   .car-value{
       padding: .4rem 0rem .4rem .4rem;
       .weui-cells:before{
           border: none;
       }
       .weui-cells:after {
            border: none;
        }
        .vux-cell-box:before{
            border: 0px;
        }
        .vux-cell-box:after{
            border: 0px;
        }
       
       .rate-picker{
           .weui-cell{
                border-bottom: 1px solid @co235;
           }
       }
       .weui-cell {
           padding: 0px;
           height: 1.2rem;
           font-size: @15;
           border-top: 1px solid @co235;
           line-height: 1.2rem;
           .weui-cell__hd{
               width: 35%;
           }
           .weui-label{
                font-weight: normal !important;
                width: 100% !important;
                margin: 0rem;
           } 
          
       }
        
   }
   .car-show{
       padding-top: .4rem;
       width: 100%;
       a{
           text-decoration: none;
           font-size: @18;
           height: 1rem;
           line-height: 1rem;
       }
       .vux-button-group > a.vux-button-group-current{
           background-color: @co51;
       }
       .vux-button-group > a.vux-button-tab-item-first{
           border-radius: 0px;
           
       }
       .vux-button-group > a.vux-button-tab-item-last{
           border-radius: 0px;
       }
       .vux-button-group > a.vux-button-tab-item-last:after {
           border-radius: 0px;
           border:1px solid @co51;
       }
       .vux-button-group > a.vux-button-tab-item-first:after {
           border-radius: 0px;
           border:1px solid @co51;
       }
       
   }
}
// 客户列表
.sortactive{
    color: @co189;
}
//xheader 切换
.x-header{
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
    .vux-header {
        padding: 0px;
        .vux-header-title{
            height: 1rem;
            line-height: 1rem;
        }
    }
}
.vux-header .vux-header-left{
    top: 10px !important;
    left: .32rem !important;
    img{
        width: .3rem;
    }
}
// 更多页 tabbar
#tabbar-more{
    background-color: @co255;
    font-family: @sc;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 0rem .32rem;
    height: 1rem;
    line-height: 1rem;
    div{
        &:nth-child(1){
            font-size: @15;
            color: @co102;
        }
        &:nth-child(2){
            font-size: @12;
            color: @co153;
            height: 100%;
            span{
                display: inline-block;
                vertical-align: middle;
            }
            img{
                vertical-align:middle;
                margin-left: .13rem;
                width: .2rem;
            }
        }
    }
}
 // 图文推广筛选图片
 .choose_filer{
    position: relative;
    width: 70%;
    .img_filer_right{
        position: absolute;
        top: 0px;
        left: 1.7rem;
        font-size: @14;
        z-index: 100;
        .weui-cell_select .weui-cell__bd:after{
            display: none;
        }
        .weui-select{
            padding: 0px 0px 0px .2rem;
            height: .7rem;
            line-height: .7rem;
            background-color: @co245;
            color: @co255;
            border-radius: .2rem;
        }
        .filter_scroller{
            border-radius: .2rem;
            .box2{
                background-color: @co245;
                p{
                    height: .7rem;
                    line-height: .7rem;
                    width: 2.7rem;
                    color: #fff;
                    font-size: @12;
                    padding:0px .1rem;
                }
            }
        } 
        .filter_val{
            color: #fff !important;
            width: 2.7rem;
            font-size: @12  !important;
            margin-top: .2rem;
            height: .7rem;
            line-height: .7rem;
            background-color: @co245;
            padding:0px .1rem;
            border-radius: .2rem;
        }  
    }
}
// 工具箱 按钮
.persion-btn{
    font-size: @15;
    padding: .2rem .32rem;
    margin-top: .4rem;
    .vux-flexbox-item{
        text-align: center;
        background-color: @co47;
        padding: .2rem;
        color: @co255;
    }
}
// 工具箱 车贷 房贷 理财 计算器结果
.count-ul{
    margin-top: .4rem;
    border-top: 1px solid @co235;
    height:100%;
    background-color: @co255;
    li{
       height:100%;
        border-bottom: 1px solid @co235;
       div{
           display: inline-block;
           width: 48%;
           height:100%;
           font-size: @12;
           color: @co51;
           padding: .3rem 0rem .3rem .5rem;
           &:nth-child(1){
               border-right: 1px solid @co235;
               vertical-align: top;
           }
           span{
               display:inline-block;
               margin-top: .2rem;
               font-size: @18;
               color: #333;
               line-height: .4rem;
           }
           .small-value{
               font-size:11px;
               font-weight:300;
               display:block;
               margin-top:0px;
           }
           .small{
               font-size: 11px;
               margin-top: 0px;
           }
       } 
    }
}
// 房贷计算结果
.table-soult{
    margin-top: 0rem;
    tr{
        border-bottom: 1px solid @co235;
    }
    td{
        text-align: left !important;
        padding: 10px 0rem 15px .5rem;
        line-height: .5rem;
        font-size:13px;
        color: @co51;
        span{
            display: inline-block;
            font-size: @18;
            color:#333;
            text-indent: .5em;
        }
        .small{
            font-size:13px;
            color:#333;
        }
    }
    .small-span{
        display: block;
        font-size: @12;
        padding-right: .4rem;
        text-align: right;
    }
}
// table 组件
.vux-table:after {
    border: none !important;
}
.vux-table td:before, .vux-table th:before{
    border: none !important;
}
// cell 组件
.vux-no-group-title{
    margin-top: 0px !important;
}
// x-input 组件
.vux-cell-box:before{
    border: none !important;
}
.weui-cells:before{
    border: none !important;
}
.weui-cells:after{
    border: none !important;
}
.weui-cell:before{
    border: none !important;
}
//card 组件
.vux-1px-l:before{
    border: none !important;
}
.vux-1px-r:after{
    border: none !important;
}
.weui-panel:before{
    border: none !important;
}
.weui-panel:after{
    border: none !important;
}
.card-demo-flex {
  display: flex;
}
.card-demo-flex > div {
  flex: 1;
  text-align: center;
}
//内容推广产品 我的收藏文章
    .content-div{
        background-color: @co255;
    }
    .product-content{
        margin-left: .32rem;
        border-bottom: 1px solid @co235;
        padding: .4rem 0rem;
        position: relative;
        li{
            display: inline-block;
            width: 20%;
            height: 100%;
            p{
                width: 100%;
                color: @co51;
                margin-top: .27rem;
            }
            &:nth-child(1){
                height: 2rem;
                img{
                    width: 100%;
                    height: 100%;
                }
            }
            &:nth-child(2){
                position: absolute;
                top: 0px;
                right: 0px;
                width: 80%;
                padding: .4rem 0rem .4rem .4rem;
                .contentdec{
                    overflow: hidden;
                    text-overflow:ellipsis;
                    white-space: nowrap;
                    font-size: @15;
                    color: @co51;
                }
                .content-bottom{
                    position: absolute;
                    bottom: .4rem;
                    left: .4rem;
                    width: 100%;
                   .flex-demo{
                       font-family: @hel;
                       font-size: @12;
                       color: @co102;
                       img{
                           vertical-align: middle;
                           width: .5rem;
                       }
                       span{
                           font-size: @12;
                           color: #fff;
                           background-color: @co245;
                           padding: .05rem .1rem;
                           border-radius: .08rem
                       }
                   }
                }
            }
        }
    }
// 图文推广页面选择模板 模板库选择模板
.use_img .choose-template img{
    margin-top: 0px !important;
}
.template-ul{
    background-color: @co255;
    .choose-template{
        float: left;
        width: 30%;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        position: relative;
        margin-left: .2rem;
        img{
            margin-top: .5rem;
            width: 100%;
            height: 3rem;
            z-index: 10
        }
        p{
            width: 100%;
            span{
                display: inline-block;
                line-height: .5rem;
                height: .5rem;
                
                &:nth-child(1){  
                    position: absolute;
                    top: 0px; 
                    left: 0rem;             
                    width: .4rem;
                    background-color: @co245;
                    color: @co255;
                    text-align: center;
                    font-size: @12;
                    z-index: 20;
                }
                &:nth-child(2){
                    background-color: #edefef;
                    width: 100%;
                    padding-left: .13rem;
                    position: absolute;
                    top: 0px;
                    left: .4rem;
                    font-size: @12;
                    color: @co245;
                    z-index: 30;
                }
            }
        }
    }
}
// 跳骚市场 认领客户
.transfer{
    padding: 0rem .32rem;
    p{
        font-size: @12;
        color: @co153;
        margin-bottom:.4rem;
    }
}
// 个人中心 
.card-demo-flex > .line{
    -webkit-box-flex: none;
    flex: none;
    width: 1px;
    height: 1.5rem;
    margin-top: .4rem;
    background-color: @co235;
}
// 跳骚市场 交易大厅 个人中心 客户列表 固定tab
.fixed-tabbar{
    background-color: @co255;
    z-index: 100;
    width: 100%;
    position: fixed;
    border-bottom: 1px solid @co235;
    z-index: 1000;
    .dealtab{
        position: relative;
        background-color: @co255;
        width: 100%;
        padding: .2rem 0rem;
        font-size: @14;
        .select-down{
            text-align: center;
            float: left;
            width: 25%;
            height: .8rem;
            line-height: 0.8rem;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
            .vux-x-icon{
                vertical-align: middle;
            }
        }
    }
    .vux-checker-box{
        position: absolute;
        top: 1.2rem;
        left: 0px;
        right: 0px;
        z-index: 100;
        background-color: @co255;
        font-size: @14;
        line-height: 1rem;
        .vux-checker-item{
            border-top: 1px solid @co235;
            padding-left: .32rem;
            width: 100%;
            height: 1rem;
            background-color: @co255;
        }
    }
}
// 修改提现卡  提问新问题 选择文件
.uploading-file{
        .person-img{
            position: relative;
            width: 30%;
            margin: 0 auto;
            height: 3rem;
            .img-choose{
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0rem;
                left: 0px;
                right: 0px;
                div{
                    text-align: center;
                    width: 80%;
                    height: 2.6rem;
                    line-height: 2.6rem;
                    font-size: @15;
                    border: 1px dashed @co200;
                    margin: .2rem auto .2rem auto;
                }
            }
            img{
                width: 100%;
                height: 3rem;
            }
        }
        P{
            padding: .27rem 0rem .4rem 0rem;
            margin-left: .32rem;
            border-bottom: 1px solid @co235;
            text-align: center;
            font-size: @12;
            color: @co153;
        }
    }
    // 修改提现卡  提问新问题 我的邀请码 按钮
    .credit-btn{
        width: 80%;
        margin: 0 auto;
        padding: .4rem 0rem;
        .vux-flexbox{
            .vux-flexbox-item{
                .weui-btn{
                    background-color: @co47;
                    font-size: .4rem;
                }
                &:nth-child(2){
                    margin-left: .4rem !important;
                }
            }
        }
    }
// 可提现余额、查看提现记录、收支明细
.recordListBox {
    padding-top:0.4rem;
    padding-bottom: 0.4rem;
  }
  .timeBox span {
    display: block;
    font-size: 0.32rem;
    text-align:left;
    text-indent: 0.32rem;
    color:#999999;
    padding-top:0.5rem;
  }
  .monyeBox {
    color: #fa3030;
    font-size:0.4rem;
    font-weight: normal;
    text-align:center;
    span{
      font-size:0.3rem;
    }
  }
  .statusBox{
     font-size: 0.32rem;
     color:#999;
    text-align:center;
  
  }
  .timeBox  span.typeNameBox {
    color:#333;
    font-size:0.4rem;
    padding:0;
    
  } 
  .titleBox {
    text-align:center;
    font-size:0.4rem;
    font-weight: bold;
    color:#999;
    line-height: 1rem;
  }
// 信贷圈子 内容详情 头像头部
.circle-content{
    li{
        &:nth-child(1){
            padding: .4rem .32rem .32rem .32rem;
            position: relative;
            height: 2.5rem;
            .focus{
                position: absolute;
                top: .7rem;
                right: .32rem;
                background-color: @co47;
                color: @co255;
                padding: 0rem .1rem;
                border-radius: .1rem;
                font-size: @12;
            }
            .followed{
                position: absolute;
                top: .7rem;
                right: .32rem;
                background-color: @co153;
                color: @co255;
                padding: 0rem .1rem;
                border-radius: .1rem;
                font-size: @12;
                
            }
            p{
                font-size: @15;
                &:nth-child(1){
                    position: absolute;
                    top: .4rem;
                    left: 1.8rem;
                }
                &:nth-child(2){
                    font-size: @12;
                    color: @co153;
                    position: absolute;
                    bottom: .4rem;
                    left: 1.8rem;
                }
            }
        }
        &:nth-child(2){
            padding: 0rem .32rem .27rem 1.8rem;
            font-size: @18;
            color: @co51;
            div{
                text-align: justify;
                white-space: pre-wrap;
                word-break: break-all;
                margin-left: 1.2rem;
            }
        }
        &:nth-child(3){
            position: relative;
            padding-left: 1.8rem;
            img{
                width: 50%;
            }
        }
    }
}
// 登录页面 邀请好友验证页面
.from{
    background-color: @co255;
    height: 100%;
    .vux-tab{
        height: 1rem;
        .vux-tab-item{
            font-size: @15;
            background-size:100% 0px;
        }
    }
    .middle-type{
        line-height: 1rem;
        text-align: center;
        img{
            width:.5rem;
            vertical-align: middle;
        }
    }
    .weui-cells{
        margin-top: 0px;
    }
    .weui-cell{
        margin:0rem .7rem;
        padding: .2rem 0rem;
        border-bottom: 1px solid @co235;
        img{
            width: .5rem;
            margin-right: .8rem;
            vertical-align: middle;
        }
        .weui-input{
            font-size: @15;
            line-height: 1rem;
            height: 1rem;
        }
        .weui-icon{
            display: none;
        }
        .ear{
            margin-left: .2rem;
            margin-right: .32rem;
            width: .7rem;
            vertical-align: middle
        }
    }  
}
// 个人信息 提现卡红字
.p-warn{
    font-size: @10;
    color: @co250;
    padding: .27rem .32rem;
}
// 登录页面
#mr-login{
    font-family: @sc;
    background-color: @co255;
    height: 100%;
    .tab-img{
        width: 100%;
        img{
            height:100%;
            width: 100%;
        }
    }
    .user-loginimg{
        padding-top: 1rem;
        margin-bottom: 1rem;
    }
    .forget-password{
        font-size: @10;
        color: @co47;
        text-align: right;
        padding-right: .7rem;
        margin-top: .4rem;
    }
    .share{
        color: @co255;
    }
}
// 注册页面
#mr-register{
    .tab-img{
        width: 100%;
        img{
            width: 100%;
        }
    }
    // .from .weui-cell img{
    //     margin-right: .2rem
    // }
}
// 邀请好友手机验证
#invite-friends{
    font-family: @sc;
    background-color: @co255;
    height: 100%;
    .tab-img{
        width: 100%;
        img{
            width: 100%;
        }
    }
    .btn-code{
        font-size: @15;
        color: @co255;
        background-color: @co47;
        text-decoration: underline;
    }
    .already-have{
        width: 80%;
        padding:.32rem 0rem;
        color: @co153;
        background-color: @co235;
        border-radius: 1rem;
        text-align: center;
        font-size: @15;
        margin: .4rem auto;
    }
}
// 非邀请好友用户手机验证页
// 弹窗
.weui-dialog{
    border-radius: .27rem !important;
}
#disinvite-friends{
    .invite-title{
        font-size: @18;
        font-family: '黑体';
        padding: .2rem 0rem 0rem 0rem;
    }
    .from{
        font-family: 'SimHei';
        ::-webkit-input-placeholder { /* WebKit browsers */  
            font-size: @12; 
        }  
        :-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
            font-size: @12;  
        }  
        ::-moz-placeholder { /* Mozilla Firefox 19 */  
            font-size: @12;  
        }  
        :-ms-input-placeholder { /* Internet Explorer 10 */  
            font-size: @12 !important;  
        }  
        .weui-cell{
            margin: 0rem .32rem;
            img{
                width: 18px;
            }
            .btn-code{
                font-size: @12;
                color: @co47;
                text-decoration: underline;
            }
        }
        .agreement{
            .vux-x-icon{
                width: .4rem;
            }
        }
        .share{
            padding: .16rem;
        }
    }
}
// 用户登录 用户表单
@media screen and (min-width: 768px) {
    .XDialog_img {
        .weui-dialog {
            .img-box{
                height: 100%;
                img{
                    width: 50%;
                    height: 10rem
                }
            }
        }
    }  
}
@media screen and (min-width: 2560px) {
    .XDialog_img {
        .weui-dialog {
            .img-box{
                height: 100%;
                img{
                    width: 50%;
                    height: 20rem
                }
            }
        }
    }  
}
.XDialog_img{
    .weui-dialog{
        width: 80%;
        max-width: 100%;
        background-color: transparent;
        .img-box{
            height: 100%;
            img{
                width: 100%;
                height: 100%;
                background-color: #fff;
                border-radius: .4rem;
            }
        }
    }
}
#user-form{
    .vux-popup-picker-value{
        color: @co51;
    }
    .vux-popup-picker-select{
        padding-left:.4rem;
    }
    .namecode{
        .weui-input{
            padding-left: 1.2rem;
        }
    }
    .ipcode{
        .weui-input{
            padding-left: .8rem;
        }
    }
    .usermoney{
        .weui-input{
            padding-left: .4rem;
        }
        .vux-popup-picker-select{
            padding-left:.8rem;
        }
    }
    .person-message{
        .city-val{
            padding: 0px;
            border-bottom:0px;
        }
    }
    .weui-cell{
        padding: .4rem .32rem .4rem 0rem;
        margin-left: .32rem;
        border-bottom: 1px solid @co235;
    }
}
// 忘记密码
// 注册手机号
#forget-moblie{
    font-family: @sc;
    background-color: @co255;
    height: 100%;
    width: 100%;
    ::-webkit-input-placeholder { /* WebKit browsers */  
        font-size: @15; 
    }  
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
        font-size: @15; 
    }  
    ::-moz-placeholder { /* Mozilla Firefox 19 */  
        font-size: @15;  
    }  
    :-ms-input-placeholder { /* Internet Explorer 10 */  
        font-size: @15 !important;  
    }  
    .weui-input{
        text-align: center;
        font-size: @30;
        border-bottom: 1px solid @co235;
        padding-bottom: .2rem;
    }
}
// 设置密码
#set-forgetword{
    font-family: @sc;
    background-color: @co255;
    height: 100%;
    width: 100%;
    .from{
        .image-code{
            .weui-dialog{
                .weui-cell__hd{
                    width:auto ;
                }
            }
        }
        .weui-cell{
            .weui-cell__hd{
                width: 2.5rem;
            }
            img{
                margin-right: 5px;
            }
            span{
                font-size: @15;
                vertical-align: middle;
            }
            .weui-vcode-btn{
                padding: 0px 0px 0px .2rem;
            }
            .weui-input{
                height: 1.2rem;
                line-height: 1.2rem;
                vertical-align: middle;
            }
        }
    }
}
// 广告条
#add{
    width: 100%;
    img{
        width: 100%;
    }
}
//信贷客
// 信贷客页面，信贷客申请页面
.loan_product{
    .product-page{
        .vux-flexbox{
            .flex-demo{
                img{
                    width: 1.5rem;
                }
            }
            .vux-flexbox-item{
                .flex-demo{
                    p{
                        padding-left: 0rem;
                    }
                }
            }
            
        }
    }
}
.product-list{
    background-color: @co255;
    position: relative;
    padding-top:  .4rem ;
    .product-page{
        .vux-flexbox{
            border-bottom: 1px solid @co240;
            padding-left: .32rem;
            img{
                width: 2rem;
                position: absolute;
                top: .5rem;
            }
            .flex-demo{
                p{
                    padding-left: .2rem;
                    font-family: @sc;
                    &:nth-child(1){
                        position: relative;
                        margin-bottom: .2rem;
                        span{
                            &:nth-child(1){
                                font-size: @18;
                                color: @co51;
                            }  
                            &:nth-child(2){
                                display: inline-block;
                                position: absolute;
                                right: 0px;
                                top: .1rem;
                                color: @co255;
                                background-color: @f55;
                                padding:.04rem .24rem;
                                font-size: @12;
                                border-top-left-radius: .4rem;
                                border-bottom-left-radius: .4rem;
                            }
                        }
                    }
                    &:nth-child(2){
                        font-size: @12;
                        color: @co102;
                            margin-bottom: .3rem;
                        span{
                            display: inline-block;
                            &:nth-child(1){
                                margin-right: .27rem;
                            }
                        }
                    }
                    &:nth-child(3){
                        margin-bottom: .4rem;
                        span{
                            margin-bottom: .2rem;
                            display: inline-block;
                            border: 1px solid @co47;
                            border-radius: .1rem;
                            padding:0rem .1rem;
                            margin-right: .27rem;
                            font-size: .2rem;
                            color: @co47;
                        }
                    }
                }
            }
        }
    }
}
//信贷客页面
#credit-loan{
    font-family: @sc;
    .history-tab{
        height: 1.1rem;
        .vux-button-group > a.vux-button-group-current{
            background-color: @co128;
        }
        .vux-button-group > a.vux-button-tab-item-first{
            border-radius: 0px;
        }
        .vux-button-group > a.vux-button-tab-item-last{
            border-radius: 0px;
        }
        .vux-button-group > a.vux-button-tab-item-first:after{
            border: 0px solid #ededed ;
        }
        .vux-button-group > a.vux-button-tab-item-last:after{
            border: 0px solid #ededed ;
        }
        .vux-button-group{
            border-bottom: 1px solid #ededed;
            .vux-button-tab-item{
                font-size: @15;
                height: 1.1rem;
                line-height: 1.1rem;
            }
           
        }
    }
    
    #share-float{
        img{
            width: 100%;
        }
        div{
            opacity: .2
        }
    }
}
//信贷客申请页
#credit-login{
    background-color: @co255;
    font-family: @sc;
    .history-tab{
        height: 1.1rem;
        .vux-button-group > a.vux-button-group-current{
            background-color: @co128;
        }
        .vux-button-group > a.vux-button-tab-item-first{
            border-radius: 0px;
        }
        .vux-button-group > a.vux-button-tab-item-last{
            border-radius: 0px;
        }
        .vux-button-group > a.vux-button-tab-item-first:after{
            border: 0px solid #ededed ;
        }
        .vux-button-group > a.vux-button-tab-item-last:after{
            border: 0px solid #ededed ;
        }
        .vux-button-group{
            border-bottom: 1px solid #ededed;
            .vux-button-tab-item{
                font-size: @15;
                height: 1.1rem;
                line-height: 1.1rem;
            }
           
        }
    }
    .creditlogin_image{
        width: 100%;
        img{
            width: 100%;
        }
        p{
            font-size: 16px;
            color: #000;
            height: 1rem;
            width: 100%;
            line-height: 1rem;
            padding-left: .32rem;
            
        }
    }
    .creditlogin_button{
        width: 90%;
        margin: 0 auto;
        background-color: #6cb4fc;
        border-radius: .2rem;
        font-size: .4rem;
        color: #fff;
        padding: .2rem 0px;
        text-align: center;
        margin-top: .4rem;
        margin-bottom: .4rem;
    }
    .onceapply{
        font-family: @sc;
        width: 40%;
        font-size: @12;
        padding: .12rem 0rem;
        margin: .27rem auto;
        text-align: center;
        background-color: @co47;
        color: @co255;
        border-radius: 1rem;
    }
}
// 内容推广
#content-promote{
    font-family: @sc;
    #share-float{
        div{
            opacity: .5
        }
    }
    .content-div{
        background-color: @co255;
        &:last-child{
            padding-bottom: 1rem;
        }
    }
    div.active{
        top: 0rem;
    }
    .search{
        position: fixed;
        top: 0rem;
        left: 0px;
        right: 0px;
        z-index: 100;
        .weui-search-bar{
            padding: .2rem .25rem;
        }
        .weui-search-bar__form{
            height: .8rem;
            .weui-icon-search{
                font-size: 15px;
                margin-top: .1rem;
                line-height:.6rem;
            }
        }
        .weui-search-bar__label{
            height: 100%;
            .weui-icon-search{
                font-size: 15px;
                margin-top: .1rem;
            }
            span{
                margin-top: .1rem;
                font-size: @12;
            }
        }
        .weui-search-bar__input{
            padding: 0rem;
            height: 100%;
            padding-left: 5px;
            font-size: @12;
        }
        .weui-search-bar__cancel-btn{
            font-size: @12;
            line-height:.8rem;
        }
    }
    .vux-search_show{
        .weui-cell{
            border-bottom: 1px solid @co235;
        }
    }
    .weui-cells.vux-search_show {
        margin-bottom: 0px;
        border-bottom: 0px;
    }
    .weui-cell:last-child{
        margin-bottom: 0px;
    }
    div.selectactive{
        margin-top: 1.2rem;
    }
    .select{
        position: fixed;
        top: 1.2rem;
        left: 0px;
        right: 0px;
        z-index: 10;
       .vux-tab{
           height: 1.2rem;
           .vux-tab-item {
                font-size: @15;
                line-height: 1.2rem;
                color: @co51;
           }
            .vux-tab-item.vux-tab-selected{
                    border-bottom: 0px;
                    color: @co47;
            }
            .vux-tab-ink-bar{
                height: 0px !important;
            }
       } 
    }
}
// 内容推广详情
#content-detail{
    font-family: @sc;
    background-color: @co255;
    .detail-middle{
        padding: .4rem .4rem .5rem .32rem ;
        img{
            width: 100%;
            &:nth-child(2){
                width: 100%;
            }
        }
    }
    .backcolor{
        z-index: 510
    }
    .detail-page{
        .detail-title{
            padding: .4rem .32rem;
            font-size: @18;
            color: @co51;
            border-bottom: 1px solid @co235;
            span{
                background-color: @co189;
                padding: 0rem .2rem;
                font-size: @12;
                border-radius: .08rem;
                color: #fff;
                margin:0rem .2rem 0rem  0rem;
            }
        }
        .detail-header{
            position: relative;
            height: 100%;
            width: 100%;
            padding: .4rem 0rem .4rem .32rem;
            div{
                height: 100%;
                display: inline-block;
                img{
                    width:1.5rem;
                    height: 1.5rem;
                    border-radius: 50%;
                }
                &:nth-child(2){
                    p{
                        margin-left: .27rem;
                        font-size: @12;
                        color: @co102;
                        &:nth-child(1){
                            position: absolute;
                            top: .4rem;
                            left: 2.2rem;
                            font-size: @15;
                            color: @co51;
                        }
                    }
                }
            }
        }
        .content-text{
            padding: 0rem .32rem;
            font-size: @15;
            color: @co51;
            img{
                width: 100%;
            }
        }
    }
    .detail-img{
        width: 100%;
        font-size: @12;
        color: @co51;
        margin-bottom: .4rem;
        .qr_code{
            img{
                width: 90% !important;
                height: 4rem !important;
                margin-bottom: .27rem;
            }
        }
        .vux-1px-r{
            position: relative;
            text-align: center;
            width: 100%;
            .smallimg{
                width: .8rem;
                height: .6rem;
                position: absolute;
                top:35%;
                left: 40%;
            }
            .fingerprint{
                width: 90% ;
                height: 4rem ;
                margin-bottom: .27rem;
            }
        }
    }
    .tabbar-icon{
        height: 1.3rem;
        .weui-tabbar{
            position: fixed;
           bottom: 0px;
           &:before{
               border: none;
           }
           .icon-first{
               border-right: 1px solid @co235;
           }
           .weui-tabbar__icon{
               width: .6rem;
               height: .6rem;
           }
           .weui-tabbar__label{
               line-height: .3rem;
               margin-top: .1rem;
               margin-bottom: .1rem;
           }
           .weui-tabbar__item.weui-bar__item_on .weui-tabbar__label{
               color: @co51;
           }
            .collect{
            color: @co250;
           }
        }
    }
}
// 图文推广
#imgtext-promote{
    font-family: @sc;
    .img-file{
        height: 4rem;
        background-color: #ebebeb;
        position: relative;
        .weui-cell__ft{
            padding: .4rem 0rem .4rem .37rem;
            height: 100%;
            position: absolute;
            left: 0px;
            top: 0px;
            text-align: center;
            width: 5rem;
            img{
                width: 2rem;
            }
            p{
                color: @co102;
                font-size: @12;
                position: absolute;
                bottom: 0px;
                left: .4rem;
                width:100px;
                text-align: left;
            }
            .img-increase{
                position: relative;
                .img-choose{
                    position: absolute;
                    top: 0px;
                    left: 0rem;
                    padding-left: .32rem;

                }  
            }
            .update-img{
                margin-top: .2rem;
                margin-left: .32rem;
                padding-bottom: .4rem;
                span{
                    padding: .2rem .2rem;
                    background-color: @co47;
                    color: @co255;
                    font-size: @15;
                    border-radius: .15rem;
                }
            }
        }
        .imgover{
            li{
                float: left;
                width: 1.5rem;
                position: relative;
                .icon-error{
                    position: absolute;
                    top: -10px;
                    right: -10px;
                    width: .7rem;
                }
                img{
                    width: 100%;
                }
            }
        }
    }
}
// 模板库
#template-bank{
    background-color: @co255;
    .xs-container{
        margin-left: .4rem;
        border-radius: .2rem;
    }
    div.selector_filter{
        top:.4rem;
    }
    .img_filer_right{
        top:.2rem;
        .weui-select{
            margin-left: .4rem;
        }
        .filter_val{
            margin-left: .4rem;
        }
    }
    .choose-tab{
        padding: .4rem .32rem;
        font-size: @15;
        color: @co102;
        font-family: @sc;
    }
}
// 我的收藏
#mr-history{
    .template-ul{
        padding-top: .32rem;
    }
    .vux-button-group > a.vux-button-group-current{
        background-color: @co47;
        color: @co235;
    }
    .vux-button-group > a.vux-button-tab-item-first:after{
        border-top-left-radius:10px;
        border-bottom-left-radius:10px;
        border: 1px solid #ededed;
    }
    .vux-button-group > a.vux-button-tab-item-last:after{
        border-top-right-radius:10px;
        border-bottom-right-radius:10px;
        border: 1px solid #ededed;
    }
    .vux-button-group > a.vux-button-tab-item-last{
        border-top-right-radius:5px;
        border-bottom-right-radius:5px;
    }
    .vux-button-group > a.vux-button-tab-item-first{
        border-top-left-radius:5px;
        border-bottom-left-radius:5px;
    }
    .divcircle{
        height: 1.1rem;
        width: 100%;
    }
    .vux-button-group{
        width: 93.6%;
        margin: 0 auto;
        padding: .27rem 0rem;
        a{
            height: 100%;
        }
        .vux-button-tab-item{
            font-size: @15;
            color: @co102;
            padding: .1rem 0rem;
            background-color: #ededed
        }
    }
}
//添加宣传语
#add-tagline{

    #drag{
        position: absolute;
        width: 100px
    }
    .active-tab{
        top: 0px !important;
    }
    .select{
        position: absolute;
        top: 1.2rem;
        left: 0px;
        z-index: 100;
        background-color: #fff;
        width: 100%;
        li{
            padding: .2rem .32rem;
            border-bottom: 1px solid #ccc;
            &:nth-child(1) {
                border-top: 1px solid #ccc;
            }
        }
    }
    .oftenuse{
        position: relative;
        z-index: 90;
        text-align: center;
        font-size: @15;
        color: @co235;
        background-color: #fff;
        height: 1.2rem;
        padding-top: .2rem;
        p{
            margin-left: .32rem;
            width: 20%;
            background-color: @co47;
            height: .8rem;
            line-height: .8rem;
            border-radius: .11rem;
        }
    }
    .weui-cells_form{
        border-bottom: 1px solid #ededed;
        .weui-cells{
            margin-top: 0px;
        }
        .vux-x-input {
            .weui-input{
                background-color: @co235;
                height: .75rem;
                border-radius: .11rem;
                padding-left: .32rem;
                font-size: @15;
            }
            .weui-cell__ft{
                .weui-icon{
                    display: none;
                }
                .weui-btn_mini{
                    line-height: .75rem;
                    background-color: @co245;
                    color: @co235;
                    font-size: @15;
                    padding: 0rem .13rem;
                }
            }
        }
    }
    .imgtemplate{
        width: 100%;
        background-color: #fff;
        .img-move{
            width: 100%;
            height: 100%;
            position: relative;
            .addimg{
                width: 100%;
                height:100%;
            }
            .drag-move{
                position: absolute;
                top: 10px;
                left: 100px;
                z-index: 50;
                font-size: @18;
                div{
                    position: relative;
                    border: 1px solid #afbdc5;
                    // height: 40px;
                    .weui-icon{
                        position: absolute;
                        top: -5px;
                        right: -10px;
                    }
                    #input-val{
                        background-color: rgba(255,255,255,0.2);
                        border: none;
                        color: #ffff00;
                        height: .7rem;
                        line-height: .7rem;
                        overflow: hidden;
                        font-size: @18;
                    }
                    p{
                        background-color: rgba(255,255,255,0.2);
                        border: none;
                        color: #ffff00;
                        height: .7rem;
                        line-height: .7rem;
                        overflow: hidden;
                        white-space : normal nowrap ;
                        width: 100%;
                    }
                }   
            }
        }
        .code-adcode{
            position: relative;
            padding: .24rem .32rem .67rem .32rem;
            .float-code{
                float: left;
                width: 50%;
                &:nth-child(1) {
                    position: relative;
                    .smallimg{
                        width: .6rem;
                        position: absolute;
                        top: 40%;
                        left: 45%
                    }
                }
                .img_qr{
                    img{
                        width: 100% !important;
                    }
                }
                img{
                    width: 100% ;
                }
                &:nth-child(2){
                    width: 45%;
                    padding-left: .27rem;
                    p{
                        width: 45%;
                        font-size: @18;
                        color: #fe911e;
                        &:nth-child(2){
                            position: absolute;
                            bottom: .67rem;
                            right: .32rem;
                            color: @co102;
                            font-size: @12;
                        }
                        &:nth-child(1){
                            position: absolute;
                            right: .32rem;
                            top: .1rem;
                        }
                    }
                }
            }
        }
        // .detail_img{
        //     padding: .2rem;
        //     .vux-1px-r{
        //         width: 50%;
        //         img{
        //             width: 100%;
        //         }
        //     }
        //     .float-code{
        //         position: relative;
        //         p{
        //             margin-left: .2rem;
        //             text-align: left;
        //             &:nth-child(1) {
        //                 font-size: @18;
        //                 color: #fe911e;
        //             }
        //             &:nth-child(2){
        //                 position: absolute;
        //                 bottom: 0px;
        //                 left: 0px;
        //                 color: #666666;
        //             }
        //         }
        //     }
        // }
    }
}
.picker{
    .xs-container{
        text-align: center;
        p{
            width: 100%;
            height: 1rem;
            border-bottom: 1px solid #fff;
            line-height: 1rem;
            padding-left: 40%;
            text-align: left;
            span{
                font-size: @15;
                display: inline-block;
                &:nth-child(1){
                    width: 1rem;
                    height: .4rem;
                    margin-right: .2rem;
                }
            }
            &:nth-child(1){
                span{color:red; &:nth-child(1){background-color: red;}}
            }
            &:nth-child(2){
                span{color:#ff6600;&:nth-child(1){background-color: #ff6600;}}
            }
            &:nth-child(3){
                span{color:#ffff00;&:nth-child(1){background-color: #ffff00;}}
            }
            &:nth-child(4){
                span{color:#1efa1e;&:nth-child(1){background-color: #1efa1e;}}
            }
            &:nth-child(5){
                span{color:#0000ff;&:nth-child(1){background-color: #0000ff;}}
            }
            &:nth-child(6){
                span{color:#ff0066;&:nth-child(1){background-color: #ff0066;}}
            }
            &:nth-child(7){
                span{color:#ffffff;&:nth-child(1){background-color: #ffffff;}}
            }
            &:nth-child(8){
                span{color:#000000;&:nth-child(1){background-color: #000000;}}
            }
        }
    }
}
// 二维码推广
#code-promote{
    font-family: @sc;
    #share-float{
        img{
            width:100%;
        }
        div{
            opacity: .5
        }
    }
    .promote{
        background-color: @co255;
        margin: .3rem auto;
        width: 94%;
        border-radius: .2rem;
        text-align: center;
        padding-bottom: .2rem;
        img{
            width: 70%
        }
        .tab{
            color: @co47;
            font-size: @15;
            padding: .4rem .67rem;
            border-bottom: 1px solid @co235;
        }
        p{
            padding: .67rem 0rem;
            text-align: center;
            font-size: @14;
        }
    }
    .vux-flexbox{
        text-align: center;
        font-size: @12;
        color: @co153;
        img{
            width: .4rem;
        }
        .share-flex{
            padding: .3rem 0rem;
        }
    }
}
// 跳骚市场
#flea_mark{
    .flea_div{
        height: 1.2rem;
    }
    .list_switch{
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        z-index: 10000;
        height: 1.2rem;
    }
}
// 跳骚市场 业务平台
#deal-lobby{
    font-family: @sc;
    .scroller-top{
        padding-top: 1.2rem;
    }
    .product-deal{
        padding: .4rem .32rem;
        border-bottom: 1px solid @co235;
        background-color:@co255;
        .vux-flexbox{
            .vux-flexbox-item{
                .flex-demo{
                    font-size: @15;
                    color: @co51;
                }
                &:nth-child(2){
                    text-align: right;
                }
            }
            &:nth-child(1){
                span{
                    &:nth-child(2){
                        color: @co102;
                        margin: 0rem .4rem;
                    }
                }
                .vux-flexbox-item{
                    &:nth-child(2){
                        .flex-demo{
                            color: @co102;
                        }
                    }
                }
            }
            &:nth-child(2){
                margin-top: .3rem;
                .vux-flexbox-item{
                    &:nth-child(1){
                        .flex-demo{
                            span{
                                color: @co250;
                                &:nth-child(1){
                                    margin-left: .4rem;
                                    margin-right: .4rem;
                                }
                            }
                        }
                    } 
                    &:nth-child(2){
                        .flex-demo{
                            img{
                                width: .5rem;
                                margin-right: .27rem;
                            }
                            color: @co47;
                        }
                    }
                }
                
            }
        }
    }
}
// 已认领客户
#claim-customer{
    font-family: @sc;
    .product-deal{
        background-color: @co255;
        padding: .4rem .32rem;
        border-bottom: 1px solid @co235;
        .vux-flexbox{
            .vux-flexbox-item{
                &:nth-child(2){
                    text-align: right;
                }
            }
            &:nth-child(1){
                .vux-flexbox-item{
                    font-size: @14;
                    color: @co102;
                    &:nth-child(1){
                        .flex-demo{
                            span{
                                font-family: @hel;
                                font-size: @15;
                                color: @co51;
                                &:nth-child(2){
                                    display: inline-block;
                                    color: @co250;
                                    font-size: @12;
                                    padding: 0rem .1rem;
                                    margin-left: .4rem;
                                    border: 1px solid @co250;
                                }
                            }
                        }
                    }
                }
            }
            &:nth-child(2){
                margin: .3rem 0rem;
                font-size: @14;
                color: @co102;
                .vux-flexbox-item{
                    &:nth-child(1){
                        span{
                            color: @co250;
                            &:nth-child(1){
                                margin: 0px .4rem;
                            }
                        }
                    }
                    &:nth-child(2){
                        font-size: @18;
                        color: @co47;
                        img{
                            width: .4rem;
                            margin-right: .27rem;
                        }
                    }
                }
            }
            &:nth-child(3){
                .vux-flexbox-item{
                    &:nth-child(2){
                        font-size: @18;
                        color: @co47;
                        img{
                            width: .4rem;
                            margin-right: .27rem;
                        }
                    }
                }
            }
        }
    }
}
// 代理中心
// 个人中心
// 个人信息
@headWidth:35%;
#person-center{
    font-family: @sc;
    background-color: @co255;
    h3{
        padding: .1rem .32rem;
    }
    .weui-cell__ft{
        width: 100%;
    }
    .notice li {
      text-align:left;
      position:relative;
      vertical-align:middle;
      span {
        transform: translate(0, 0.00rem);
        white-space:nowrap;
        display:inline-block;
        overflow:hidden;
        text-overflow:ellipsis;
        width: 100%;
        font-size:0.35rem;
      }
    }
    .notice_center{
        margin: 0px;
        border-bottom: 1px solid @co235;
        height: .8rem;
        line-height: .8rem;
        .vux-flexbox-item{
            &:nth-child(1){
                padding-left: .6rem;
                font-size: @13;
            }
            &:nth-child(3){
                padding-left: .5rem;
                text-align: left;
                a{
                    background-color: @co47;
                    border-radius: .1rem;
                    color: @co255;
                    padding:.05rem .1rem;
                    display: inline;
                    font-size: @11;
                }
            }
            .weui-cell{
                padding: 0px;
            }
            .vux-marquee{
                height: .6rem !important;
            }
         }
    }
    .tabbar-center{
        background-color: @co47;
        .img-tool{
          position: absolute;
          top: .4rem;
          right: .32rem;
          width: .7rem;
          z-index:10;
        }
        .head-portrait{
            padding: .4rem 0rem 0rem 0rem;
            position: relative;
            overflow:hidden;
            border-bottom:0.5rem solid transparent;
            div.headBox{
                float:left;
                width:@headWidth;
                margin-top:0.25rem;
                p.headId{
                    text-align: center;
                    color: @co255;
                    font-size:0.35rem;
                    font-weight: normal; 
                }
                div.headImg{
                    width: 1.5rem;
                    height: 1.5rem;
                    border-radius: 50%;
                    border: 5px solid @co128;
                    margin: 0 auto;
                    img{
                    width: 100%;
                    border-radius: 50%;
                    }
                } 
            }
        }
        p.balance{
            text-align: left;
            color: @co255; 
            margin-left:@headWidth;
            font-size:0.4rem;
            position:absolute;
            left:0%;
            bottom:0.1rem
        }
        p.headTxt{
            text-align:left;
            color: @co255;
            margin-left:@headWidth;
            font-size:0.4rem;
            font-weight: bold;
            position:absolute;
            left:0%;
            bottom:1rem;
        }
        .vux-flexbox{
            padding: .3rem .32rem .3rem .32rem;
            .vux-flexbox-item{
                .flex-demo{
                    font-size: @13;
                    color: @co202;
                    span{
                        color: @co255;
                        font-size: @15;
                    }
                }
                &:nth-child(2){
                    text-align: right;           
                }
            }
        }
    }
    .relation-earnings{
        .weui-panel {
            background-color: @co20;
            padding: .25rem 0rem;
            .vux-1px-r{
                font-size: @13;
                color: @co255;
                img{
                    width: 1rem;
                }
                span{
                    font-family: @hel;
                    margin-left: .2rem;
                }
            }
        }        
    }
    .choose-type{
        padding: .1rem 0rem;
        .weui-panel{
            font-size: @13;
            color: @co102;
            img{
                width: 1.3rem;
            }
        }
    }
    .inform{
        padding-left: .32rem;
        .card-padding{
            padding: .27rem 1.2rem .27rem 0rem;
            font-size: @15;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
            border-bottom: 1px solid @co235;
            span{
                color: @co245;
                &:nth-child(2){
                    color: @co51;
                }
            }
        }
        .weui-cell__bd{
            text-align: center;
            font-size: @12;
            color: @co153;
        }
    }
    .tool-box{
        padding: .27rem 0rem;
        li{
            float: left;
            width: 25%;
            text-align: center;
            img{
                width: 1.3rem;
            }
            p{
                font-size: @13;
                color: @co51;
                padding-bottom: .2rem;
            }
            &:nth-child(5){
                p{
                    padding-bottom: 0rem;
                }
            }
            &:nth-child(6){
                p{
                    padding-bottom: 0rem;
                }
            }
        }
    }
}
// 个人信息
#person-message{
    .weui-cells {
        .weui-cell{
            padding:.3rem .32rem .3rem 0rem;
            margin-left: .32rem;
            border-bottom: 1px solid @co235;
            &:last-child{
                border-bottom: none;
            }
            .vux-label{
                font-size: @15;
                color: @co51;
            }
            .weui-cell__ft{
                font-size: @15;
            }
        }
    }
}
// 修改姓名
#change-name{
    font-family: @sc;
    .weui-cells{
        padding: .2rem .4rem;
        font-size: @15;
    }
    p{
        font-size: @10;
        color: @co102;
        margin-top: .27rem;
        margin-left: .32rem;
    }
    .share{
        font-size: @18;
    }
}
#change-mobile{
    background-color: @co255;
    font-family: @sc;
    .now-mobile{
        padding: .4rem .32rem;
        font-size: @15;
        color: @co102;
    }
    .weui-input{
        font-size: @15;
        color: @co51;
    }
    .vux-x-input{
        border-bottom: 1px solid @co235;
        padding: .4rem .32rem .4rem 0rem;
        margin-left: .32rem;
        .weui-cell__hd{
            img{
                width: .6rem;
            }
        }
    }
    p{
        padding: .4rem .32rem;
        color: @co245;
        font-size: @12;
    }
    .weui-btn{
        background-color: @co47;
        font-size: @12;
        color: @co255;
        border-radius: 1rem;
        line-height: .7rem;
    }
    .bot-change{
        padding: .3rem 0rem;
        background-color: @co235;
    }
}
// 修改体现卡
#change-credit{
    background-color: @co255;
    font-family: @sc;
    .gathering{
        font-size: @15;
        color: @co51;
        padding: .4rem .32rem .4rem 0rem;
        margin-left: .32rem;
        border-bottom: 1px solid @co235;
        span{
            color: @co153;
            margin-left: .27rem;
        }
    }
    .vux-popup-picker-select{
        padding-left: .32rem;
        .vux-popup-picker-value{
            color: @co51;
        }
    }
    .weui-cells{
        .city-choose{
            padding: 0px;
            border: none;
        }
    }
    .weui-cell{
        padding:.4rem .32rem .4rem 0rem;
        margin-left: .32rem;
        border-bottom: 1px solid @co235;
    }
}
// 我要提现
#my-credit{
    background-color: @co255;
    font-family: @sc;
    .credit-tabbar{
        padding: 1.1rem 0rem;
        text-align: center;
        position: relative;
        p{
            font-size: @12;
            color: @co153;
            margin-bottom: .4rem;
            &:nth-child(2){
                background: url('../static/img/xiantiaobeijing@2x.png') no-repeat;
                background-size: 100% 100%;
                font-size: 1rem;
                font-family: @hel;
                padding: .4rem 0rem;
                width: 70%;
                margin: 0 auto;
                color: #000;
                font-weight: 600;
            }
        }
        div.rightDown{
            position: absolute;
            bottom: .2rem;
            right: 0px;
            background-color: @co250;
            color: @co255;
            font-size: @12;
            // width: 4rem;
            padding: .05rem .2rem .05rem .2rem;
            border-top-left-radius: 1rem;
            border-bottom-left-radius: 1rem;
            z-index: 1000;
            span{
                margin-left: .1rem
            }
        }
        div.leftTop{
            position: absolute;
            top: .2rem;
            left: 0px;
            background-color: @co250;
            color: @co255;
            font-size: @12;
            // width: 4rem;
            padding: .05rem .2rem .05rem .2rem;
            border-top-right-radius: 1rem;
            border-bottom-right-radius: 1rem;
            span{
                margin-left: .1rem
            }
        }
    }
    .all-withdraw{
        padding-left:.32rem;
        .div-draw{
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            padding: .4rem .32rem .4rem 0rem;
            font-size: @15;
            color: @co51;
            border-bottom: 1px solid @co235;
            span{
                &:nth-child(2){
                    font-size: @13;
                    color:@co47;
                }
            }  
        }
        .input-draw{
            border-bottom: 1px solid @co235;
            .weui-label{
                font-size: @24;
            }
            .weui-input{
                font-size: @24;
            }
        }
        p{
            font-size: @24;
            font-family: @hel;
            color: @co51;
            padding-bottom: .6rem;
            border-bottom: 1px solid @co235;
        }
    }
    .check{
        padding-bottom: .4rem;
        font-size: @12;
        color: @co153;
        text-align: center;
    }
    .transfer{
        background-color: @co235;
    }
}
// 可提现余额
#my-Balance{
    .title1px[data-v-4e0d9330]:before, .product-earnings[data-v-4e0d9330]:before{
        display: none;
    }
    .title1px{
        border-bottom: 1px solid #e6e6e6;
    }
}
// 提现记录
#widthdraw-record{
    .explain{
        font-size: @14;
        color: @co245;
        background-color: @co204;
        width: 100%;
        height: 1rem;
        line-height: 1rem;
        padding-left: .32rem;
        margin-top: .2rem;
    }
    .record{
        h3{
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            font-size: @15;
            font-weight: normal;
            img{
                width: .45rem;
                vertical-align: middle;
                margin-right: .1rem;
            }
            .soult-record{
                color: @co250;
            }
        }
        .weui-cells{
            .weui-cell{
                padding: .25rem .32rem .25rem 0rem;
                margin-left: .32rem;
                font-size: @12;
                color: @co102;
                border-bottom: 1px solid @co235;
                .weui-cell__ft{
                    color: @co51;
                    font-size: @15;
                }
                &:last-child{
                    background-color: @co47;
                    color: @co255;
                    margin-left: 0px;
                    padding-left: .32rem;
                    .weui-cell__ft{
                        color: @co255;
                        font-size: @18;
                        font-family: @hel;
                    }
                }
                .vux-badge{
                    margin-left: .15rem;
                    width: 14px;
                    height: 14px;
                    border-radius: 50%;
                    background-color: @co47;
                }
            }
        }
    }
}
// 我的收益
#my-earnings{
    font-family: @sc;
    // 提现记录before
    .title1px[data-v-3bf57cf5]:before{
        display: none;
    }
    .title1px{
        border-bottom: 1px solid #e6e6e6;
    }
    .select-top{
        top: 0rem !important;
    }
    .selector{
        position:fixed;
        top: 0rem;
        left: 0px;
        right: 0px;
        background-color: @co255;
        z-index: 90;
        border-bottom: 1px solid @co235;
        .select{
            float: left;
            width: 50%;
            font-size: @15;
            color: @co51;
            text-align: center;
            padding: .2rem 0rem;
            &:nth-child(1){
                border-right: 1px solid @co235;
            }
            .vux-x-icon{
                vertical-align: middle;
            }
        }
        .vux-checker-box{
            // position: absolute;
            bottom: 0px;
            left: 0px;
            right: 0px;
            background-color: @co255;
            z-index: 100;
            .vux-checker-item{
                display: block;
                height: 1rem;
                border-top: 1px solid @co235;
                font-size: @15;
                padding-left: .32rem;
                line-height: 1rem;
                &:last-child{
                    border-bottom: 1px solid @co235;
                }
            }
        }
    }
    .product-earnings{
        border-bottom: 1px solid @co235;
        background-color: @co255;
        .flex-product{
            position: relative;
            &:nth-child(1){
                .vux-flexbox-item{
                    &:nth-child(1){
                        img{
                            width: 60%;
                            margin: .4rem .3rem;
                        }
                    }
                }
            }
            .flex-datetime{
                font-size: @12;
                color: @co153;
                position: absolute;
                top: .4rem;
                span{
                    &:nth-child(1){
                        margin-right: .2rem;
                    }
                }
            }
            .bottom-earning{
                // position: absolute;
                // bottom: .5rem;
                padding-top: .4rem;
                font-size: @15;
                color: @co51;
                .vux-flexbox-item{
                    &:nth-child(1){
                        span{
                            color: @co245;
                            margin: 0rem .1rem;
                        }
                    }
                    &:nth-child(2){
                        color: @co51;
                        font-size: @18;
                        font-family: @hel;
                        span{
                            font-size: @15;
                        }
                    }
                }
               
            }
        }
    }
}
// 客户列表
#client-list{
    font-family: @sc;
    .scroller-top{
        padding-top: 1rem;
    }
    .dealtab{
        padding: 0px;
        .select-down{
            height: 1.1rem;
            line-height: 1.1rem;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
        }
    }
    .client-content{
        background-color: @co255;
        border-bottom: 1px solid @co235;
        padding-top: .4rem;
        .vux-flexbox{
            .vux-flexbox-item{
                &:nth-child(2){
                    text-align: right;
                    padding-right: .32rem;
                }
                img{
                    width: .4rem;
                    margin-right: .2rem;
                }
            }
            font-size: @12;
            color: @co102;
            padding-left: .32rem;
            span{
                color: @co250;
                font-family: @hel;
                margin: 0rem .2rem;
            }
            &:nth-child(1){
                font-size: @12;
                color: @co153;
                .vux-flexbox-item{
                    .title{
                        font-size: @15;
                        color: @co51;
                        span{
                            font-size: @12;
                            &:nth-child(1){
                                color: @co250;
                                margin: 0rem .2rem;
                                border: 1px solid @co250;
                                padding: .05rem;
                            }
                            &:nth-child(2){
                                color: @co255;
                                background-color: @co47;
                                border-radius: .1rem;
                                padding: .1rem ;
                            }
                        }
                    }
                    
                }
            }
            &:nth-child(2){
                .vux-flexbox-item{
                    &:nth-child(2){
                        color: @co47;
                        font-size: @15;
                    }
                }
                margin: .5rem 0rem;
            }
            &:nth-child(3){
                .vux-flexbox-item{
                    &:nth-child(2){
                        color: @co47;
                        font-size: @15;
                    }
                }
                padding-bottom: .4rem;
            }
        }
    }
    .client-checker{
        .vux-checker-box{
            border-top: 1px solid @co235;
            padding: .2rem;
            position: static;
            span{
                margin-right: .2rem;
                font-size: @13;
            }
            .vux-checker-item{
                width: 1.5rem;
                text-align: center;
                border: 1px solid @co235;
                margin-right: .2rem;
                padding: 0px;
                height: .9rem;
                line-height: .9rem;
            }
            .demo1-item-selected{
                color: @co189;
            }
            .demo2-item-selected{
                color: @co189;
            }
            .demo3-item-selected{
                color: @co189;
            }
        }
        .sortsoult{
            border-top: 1px solid @co235;
            span{
                display: inline-block;
                width: 50%;
                text-align: center;
                padding: .2rem;
                font-size: @14;
            }
        }
    }
}
// 公告
#notice{
    font-family: @sc;
    padding: .27rem 0rem;
    .notice-type{
        width: 94%;
        background-color: @co255;
        border-radius: .27rem;
        margin: .27rem auto;
        .weui-cells {
            border-radius: .27rem;
            position: relative;
            .weui-cell{
                padding: .27rem;
                .vux-cell-primary{
                    width: 70%;
                }
                p{
                    padding: 0px 0px 0px .8rem;
                    font-size: @18;
                    color: @co51;
                    .vux-label{
                        overflow: hidden;
                        text-overflow:ellipsis;
                        white-space: nowrap;
                    }
                }
                .weui-cell__ft{
                    font-size: @15;
                    color: @co153;
                    font-weight: 300;
                    width: 30%;
                }
            }
            img{
                position: absolute;
                top: 0px;
                left: .4rem;
                width: .5rem;
            }
        }
    }
}
// 公告详情
#notice-detail{
    font-family: @sc;
    background-color: @co255;
    .detail-content{
        word-wrap:break-word;
        padding: .4rem 0rem;
        img {
            max-width:100%;
        }
        div{
            word-wrap:break-word;
            font-size: @18;
            color: @co51; 
            padding: 0px .32rem;        
            &:nth-child(2){
                padding: .2rem .32rem .4rem 0rem;
                font-size: @12;
                color: @co102;
                margin-left: .32rem;
                border-bottom: 1px solid @co235;
            }
        }
        p{
            font-size: @15;
            color: @co51;
            padding: .4rem .32rem;
            text-align: justify;
        }
    }
}
// 咨询 问题处理跟踪
#consult{
    font-family: @sc;
    .question-detail{
        background-color: @co255;
        border-bottom: 1px solid @co235;
        position: relative;
        .time-new{
            padding: 0rem .2rem .4rem .32rem;
            font-size: @12;
            color: @co153;
            border-bottom: 1px solid @co235;
        }
        .weui-cell_access .weui-cell__ft:after{
            position: absolute;
            right: -0.4rem;
        }
        .vux-cell-primary{
            p{
                width: 95%;
                .vux-label{
                    font-size: @15;
                    color: @co51;
                    overflow: hidden;
                    text-overflow:ellipsis;
                    white-space: nowrap;
                }
            }
        }
        .weui-cell_access .weui-cell__ft{
            padding-right: 0rem;
            margin-right: .5rem;
            font-size: @12;
            
            padding: .03rem .12rem;
            border-radius: .1rem;
            span{
                color: @co255;
            }
        }
        .state02{
            .weui-cell__ft{
                background-color: @co189;
            }
        }
        .state01{
            .weui-cell__ft{
                background-color: @co250;
            }
        }
        .state03{
            .weui-cell__ft{
                background-color: @co47;
            }
        }
        .slide{
            span{
                display: inline-block;
                width: 100%;
                word-wrap: break-word;
                &:nth-child(1){
                    font-size: @15;
                    margin-bottom: .3rem;
                }
                &:nth-child(2){
                    padding-left: .2rem;
                    background-color: @co235;
                    margin-bottom: .4rem;
                    font-size: @13;
                    small{
                        color: @co47;
                    }
                }
            }
        }
    }
    .sub-item {
        color: #888;
      }
      .slide {
        padding: 0 20px;
        margin-top: .4rem;
        overflow: hidden;
        max-height: 0;
        transition: max-height .5s cubic-bezier(0, 1, 0, 1) -.1s;
      }
      .animate {
        max-height: 9999px;
        transition-timing-function: cubic-bezier(0.5, 0, 1, 0);
        transition-delay: 0s;
      }
}
// 新问题
#new-question{
    .title-question{
        ::-webkit-input-placeholder { /* WebKit browsers */  
            font-size: @12; 
            line-height: 24px;
        }  
        :-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
            font-size: @12;  
            line-height: 24px;
        }  
        ::-moz-placeholder { /* Mozilla Firefox 19 */  
            font-size: @12;  
            line-height: 24px;
        }  
        :-ms-input-placeholder { /* Internet Explorer 10 */  
            font-size: @12 !important;  
            line-height: 24px;
        }  
    }
    .desc-question{
        ::-webkit-input-placeholder { /* WebKit browsers */  
            font-size: @12; 
            line-height: 200px;
        }  
        :-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
            font-size: @12;  
            line-height: 200px;
        }  
        ::-moz-placeholder { /* Mozilla Firefox 19 */  
            font-size: @12;  
            line-height: 200px;
        }  
        :-ms-input-placeholder { /* Internet Explorer 10 */  
            font-size: @12 !important;  
            line-height: 200px;
        }  
    }
    .question-content{
        .weui-cells{
            .weui-cell{
                &:nth-child(1){
                    padding: .4rem .32rem;
                    border-bottom: 1px solid @co235;
                }
            }
        }
    }
    .uploading-file{
        background-color: @co255;
        .person-img{
            margin: 0px 0px 0px .32rem;
        }
        p{
            text-align: left;
            color: @co250;
        }
    }
}
// 邀请好友 二维码邀请
.invite-qrcode{
    p{
        font-size: @15;
        padding: .1rem 0rem;
    }
    .weui-dialog{
        background: #fff ;
        width: 60%;
        img{
            width: 90%;
        }
    }
    .img-box{
        position: relative;
        .smallimg{
            position: absolute;
            width: 1rem;
            top: 45%;
            left: 40%
        }
    }
}
// 邀请好友
#invite-friends{
    background: url('../static/img/beijing@3x.png') no-repeat;
    background-size: 100% 180%;
    font-family: @sc;
    .invitation-code{
        padding: 2rem 0rem 1rem 0rem;
        margin-top: -1.3rem;
        text-align: center;
        color: @co252;
        font-size: @15;
        p{
            &:nth-child(2){
                font-size: @18;
                color: @co255;
                margin-top: .1rem;
                text-decoration: underline;
            }
        }
    }
    .vux-divider{
        width: 70%;
        margin: 0 auto;
        font-size: @15;
        color: @co102;
    }
    .use-rule{
        padding: .4rem .32rem;
        font-size: @12;
        color: @co153;
        p{
            margin-bottom: .27rem;
        }
    }
    .invite-earnings{
        background-color: @co248;
        width: 94%;
        margin: 0 auto;
        border-radius: .2rem;
        padding-bottom: .67rem;
        .today-invite{
            padding-top: .7rem;
            padding-bottom: .67rem;
            border-bottom: 1px solid @co241;
            p{
                text-align: center;
                &:nth-child(1){
                    background: url('../static/img/huabian@2x.png') center center no-repeat;
                    background-size: 70% 100%;
                    font-size: @18;
                    color: @co250;
                }
                &:nth-child(2){
                    width: 2rem;
                    height: 2rem;
                    margin: .4rem auto;
                    border-radius: 50%;
                    border: 5px solid #ed8b92;
                    line-height: 1.7rem;
                    font-size: @18;
                    color: @co255;
                    background-color: #e84f5a;
                }
            }
        }
        .myteam{
            .vux-table{
                line-height: 1rem;
                thead{
                    font-size: @12;
                    color: @co153;
                    .vux-badge{
                        background-color: @co47;
                        margin-left: .1rem;
                    }
                }
                tbody{
                    tr{
                        font-size: @15;
                        color: @co250;
                       border-bottom: 1px solid @co241;
                       td{
                           &:nth-child(1){
                            color: @co51;
                           }
                       }
                    }
                }
            }
        }
        .check-earnings{
            text-align: center;
            width: 50%;
            margin: .67rem auto 0rem auto;
            background-color: @co47;
            border-radius: .1rem;
            font-size: @15;
            padding: .1rem 0rem;
            color: @co255;
        }
    }
}
// 团队收益详情
#team-earnings{
    font-family: @sc;
    .team-type{
        position: relative;
        p{
            position: absolute;
            top: .2rem;
            left: 0px;
            background-color: @co250;
            color: @co255;
            font-size: @14;
            z-index: 100;
            padding: 0rem .3rem;
            border-top-right-radius: .3rem;
            border-bottom-right-radius: .3rem;
        }
        .weui-panel__hd:after{
            border: none;
        }
        .weui-panel{
            margin-top: 0px;
            .weui-panel__hd{
                padding: .2rem 0rem ;
                border-bottom: 1px solid @co235;
                text-align: center;
                font-size: @15;
                color: @co51;
            }
            .weui-panel__bd{
                padding: .4rem 0rem;
                .vux-1px-r{
                    font-size: @12;
                    color: @co102;
                }
                .center{
                    font-size: @18;
                    color: @co250;
                    font-family: @hel;
                }
                .line{
                    margin-top: .1rem;
                }
            }
        }
    }
    h5{
        padding: .2rem 0rem;
        text-align: center;
        font-size: @15;
        color: @co51;
        background-color: @co255;
    }
    .vux-table{
        background-color: @co255;
        line-height: 1rem;
        thead{
            font-size: @12;
            color: @co153;
        }
        tr{
            border-top: 1px solid @co235;
        }
        tbody{
            tr{
                td{
                    font-size: @15;
                    font-family: @hel;
                    color: @co250;
                    &:nth-child(1){
                        color: @co102;
                    }
                }
            }
        }
    }
}
// 信贷圈子
#credit-circle{
    background-color: @co255;
    font-family: @sc;
    .publish{
        position:fixed;
        top: 50%;
        right: .32rem;
        width: 15%;
        z-index: 1000;
    }
    .card-content{
        padding: .15rem 0rem;
        -moz-box-shadow: 1px 1px 10px 1px @co235; /* 老的 Firefox */
        box-shadow: 1px 1px 10px 1px @co235;
        .vux-1px-r{
            font-size: @14;
            color: @co51;
            img{
                vertical-align: middle;
                margin-right: .27rem;
                width: .6rem
            }
        }
        .line{
            margin-top: 0rem;
            height: .6rem;
        }
    }
    .comment-text{
        margin: .4rem .32rem;
        background-color: @co235;
        .border-div{
            width: 100%;
            background-color: @co255;
            position: relative;
            span{
                display: inline-block;
                width: 0px;
                height: 0px;
                position: absolute;
                bottom: 0px;
                left: .4rem;
                border-top: 0px solid  @co255;
                border-right: .3rem solid  @co255;
                border-bottom: .3rem solid @co235;
                border-left: .3rem solid  @co255;
            }
        }
        .comment-content{
            padding: .4rem 0rem;
            margin: 0rem .27rem;
            word-wrap:break-word;
            border-bottom: 1px solid @co204;
            .comment-desc{
                width: 20%;
                float: left;
                &:nth-child(2){
                    width: 80%;
                    .vux-flexbox{
                       .vux-flexbox-item{
                            font-size: @12;
                            color: @co47;
                            &:nth-child(2){
                                color: @co102;
                            }
                       } 
                    }
                    .circle-date{
                        .vux-flexbox-item{
                            &:nth-child(1){
                                color: @co102;
                            }
                            &:nth-child(2){
                                font-size: @14;
                                text-align: right;
                                img{
                                    width: .4rem;
                                    margin-left: .13rem;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
// 回复评论
#reply-comment{
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
}
// 内容详情
#credit-detail{
    font-family: @sc;
    .credit-title{
        background-color: @co255;
        padding: .4rem .32rem;
        font-size: @18;
        color: @co51;
        border-bottom: 1px solid @co235;
    }
    .circle-content{
        background-color: @co255;
        li{
            &:nth-child(1){
                p{
                    span{
                        color: @co250;
                    }
                }
            }
            &:nth-child(2){
                padding-left: .32rem;
                .detail-img{
                    width: 40%;
                    margin-left: 1.2rem;
                    
                    img{
                        width: 100%;
                        height: 100%;
                    }
                } 
            }
        }
    }
        .tab-review{
            background-color: @co255;
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            padding: .4rem .32rem;
            font-size: @15;
            color: @co51;
            span{
                color: @co250;
                margin: .2rem;
            }
            div{
                &:nth-child(2){
                    position: relative;
                    font-size: @13;
                    color: @co47;
                    img{
                        width: .4rem;
                        margin-right: .2rem; 
                    }
                    .side-sort{
                        position: absolute;
                        bottom: -1rem;
                        left: 0px;
                        right: 0px;
                        z-index: 100;
                        border: 1px solid @co47;
                        p{
                            text-align: center;
                            &:nth-child(2){
                                border-top: 1px solid @co47;
                            }
                        }
                    }
                }
            }
        }
    .circle-review{
        li{
            &:nth-child(1){
                position: relative;
                div{
                    p{
                        &:nth-child(1){
                            color: @co47;
                        }
                    }
                }
                .give-like{
                    position: absolute;
                    bottom: .5rem;
                    right: .32rem;
                    width: .5rem;
                    vertical-align: middle;
                }
                span{
                    position: absolute;
                    bottom: .4rem;
                    right: 1rem;
                    font-size: @14;
                    color: @co102;
                }
            }
            &:nth-child(2){
                font-size: @12;
                color: @co153;
                padding: 0rem .32rem .4rem 0rem;
                margin-left: .32rem;
                border-bottom: 1px solid @co235;
            }
        }
    }
}
// 信贷圈子 内容回复
#content-reply{
    font-family: @sc;
    .reply{
        padding: .4rem .32rem;
        background-color: @co255;
        div{
            width: 15%;
            float: left;
            // img{
            //     width: 1.3rem;
            // }
            &:nth-child(2){
                width: 85%;
                p{
                    &:nth-child(1){
                        font-size: @15;
                        color: @co51;
                        padding-top: .4rem;
                        padding-left: .2rem;
                    }
                    &:nth-child(2){
                        padding-left: .2rem;
                        font-size: @18;
                        color: @co51;
                    }
                }
            }
        }
    }
    .desc-reply{
        font-size: @12;
        color: @co153;
        margin-top: .27rem;
        margin-left: .32rem;
    }
}
// 工具箱
#tool-box{
    .toolbox{
        background-color: @co255;
        text-align: center;
        li{
            float: left;
            width: 25%;
            line-height: .8rem;
            font-size: @12;
            color: @co102;
            border-bottom: 1px solid @co235;
            &:nth-child(2){
                border-left: 1px solid @co235;
            }
            &:nth-child(3){
                border-left: 1px solid @co235;
                border-right: 1px solid @co235;
            }
            &:nth-child(6){
                border-left: 1px solid @co235;
            }
            &:nth-child(7){
                border-left: 1px solid @co235;
                border-right: 1px solid @co235;
            }
            img{
                margin-top: .27rem;
                width: 1.2rem;
            }
        }
    }
}
// 客户列表 交易记录 popup筛选列表 
// .popup-top{
//     top: 1rem !important;
// }
.popup-client{
    .vux-popup-dialog.vux-popup-top{
        top:1rem;
        .weui-cells {
            .weui-cell{
                border-bottom: 1px solid @co235;
                .weui-cell__ft{
                    text-align: left;
                    width: 100%;
                    color: @co51;
                }
            }
        }
    }
    .vux-popup-dialog{
        z-index: 80;
    }
}
a.vux-popup-show{
    z-index: 70 !important;
}
// 跳蚤市场
.flea_popup_client{
    .vux-popup-dialog.vux-popup-top{
        background-color: @co255;
        top:2.4rem;
            div{
                p{
                    border-bottom: 1px solid @co235;
                    text-align: left;
                    font-size: @15;
                    padding-left: .32rem;
                    width: 100%;
                    color: @co51;
                    height: 1rem;
                    line-height: 1rem
                }
                
            }
    }
    .vux-popup-dialog{
        z-index: 80;
    }
}
// 身价计算器
#person-count{
    // background-color: @co255;
    height: 100%;
    font-family: @sc;
    font-size: @15;
    .job{
        p{
            padding-left: .32rem;
        }
        .vux-cell-value{
            color: @co51;
        }
        .vux-cell-box{
            background-color: @co255;
        }
    }
    .result{
        background-color: @co255;
        height: 100%;
        width: 100%;
        font-family: @sc;
        padding: .67rem 0rem;
        text-align: center;
        h1{
            text-align: center;
            margin-bottom: .4rem;
        }
        .again{
            background-color: @co47;
            width: 40%;
            padding: .15rem;
            margin: .4rem auto;
            color: @co255;
        }
    }  
}
// 理财计算器
#finance-compute{
    .finance-count{
        .weui-cells{
            .weui-cell{
                border-bottom: 1px solid @co235;
            }
        }
    }
    .count-resoult{
        .vux-tab .vux-tab-item.vux-tab-selected{
            color: @co47;
        }
        .vux-tab .vux-tab-item {
            font-size: @15;
        }
    }
}
//房贷
#house-loan{
    background-color: @co255;
    .vux-tab{
        height:1.2rem;
        .vux-tab-item {
            line-height: 1.2rem; 
            font-size: @15;     
        }
        .vux-tab-selected{
            color: @co51;
        }
        .vux-tab-ink-bar{
            background-color: @co235;
        }
    }
    [class^="weui-icon-"]:before, [class*=" weui-icon-"]:before{
        margin-right: .4rem;
    }
    .picker-input{
       border-top: 1px solid @co235;
    }
    .custom{
        border-bottom: 1px solid @co235;
        border-top: 0px;
        &:before{
            border-top: 0px;
        }
    }
    //radio选择
    .flex-radio{
        padding-bottom: .2rem;
        .flex-demo{
            text-align: left;
        }
        label{
            font-size: @15;
            font-weight: 300;
            vertical-align: top;
        }
        input[type=radio]{
            display: none;
        }
        .vux-x-icon{
            vertical-align: middle;
        }
        .icon-radio{
            fill: @co47;
            vertical-align: middle;
        }
    }
    #customloan{       //组合页面
        .weui-cell {
            border-top: 0px;
            border-bottom: 1px solid @co235;
            &:before{
                border-top: 0px;
            }
        }
        .deadline{
            .weui-cell{
                border-top: 1px solid @co235;
            } 
        }
        .monthevery{
            border-top: 1px solid @co235;
        }
        .loanall{
            .weui-cell__hd{
                width: 42%;
            }
        }
    }
}
 //车贷
 #car-loan{
     background-color: @co255;
     .count-resoult{
         .vux-tab-item{
             font-size: @15;
         }
     }
    .car-value{
        .weui-cells{
            margin-top: 0px;
            [class^="weui-icon-"]:before, [class*=" weui-icon-"]:before{
                margin-right: .4rem;
            }
        }
        .weui-cell{
            margin-left:.4rem;
        }
        .picker{
            border:0px;
        }
        .loanrate{
            border-bottom:1px solid @co235;
        }
        .zdyrate{
            border-top: 0px;
            border-bottom: 1px solid @co235;
            &:before{
                border: 0px;
            }
        }
    }
    .vux-tab{
        height:1.2rem;
        .vux-tab-item {
            line-height: 1.2rem;      
        }
        .vux-tab-selected{
            color: @co51;
        }
        .vux-tab-ink-bar{
            background-color: @co51;
        }
    }
}
// 图片详情
.imgdetail{
    width: 100%;
    .imgtitle{
        width: 100%;
        margin-bottom: 1rem;
    }
    p{
        margin-bottom: .4rem;
        margin-right: .2rem;
        img{
            width: 100%;
        }
        font-size: @15;
        color: @co51;
        padding-bottom: .3rem;
        font-family: '楷体';
        padding-left: .32rem;
    }
    .img-position{
        position: relative;
        .position-text{
            position: absolute;
            font-size: .48rem;
        }
    }
}
// 登出
.logout{
    font-size: .5rem;
    margin-top: 1rem;
    background-color: #fff;
    text-align: center;
    color: #eb5467;
    span{
        display: inline-block;
        height: 1.3rem;
        padding: 0rem .3rem;
        line-height: 1.3rem;
    }
}
#new-fingerpost{
    background-color: #fff;
    ul{
        padding: .2rem .32rem;
        background-color: #fff;
        text-align: justify;
        li{
            .vux-table.vux-table-bordered:before{
                border: none
            }
            .vux-table td:after, .vux-table th:after{
                border: none
            }
            width: 100%;
            margin-bottom: .4rem;
            p{
                font-size: @14;
                &:nth-child(1){
                    font-size: @15;
                    color:@co51;
                    text-indent: 0em;
                }
                text-indent: 2em;
            }
            .type_newfingerpost{
                padding-top: .3rem;
                text-indent: 0em;
            }
            img{
                width: 100%;
            }
            
        }
    }
}
// 佣金奖励列表
.state_award{
    thead{
        th{
            border: 1px solid @co51;
            line-height: .7rem;
            color: @co51;
            font-weight: 600;
            font-size: @12;
            &:nth-child(1){
                background-color: #ffd966
            } &:nth-child(2){
                background-color: #8ea9db
            }
            &:nth-child(3){
                background-color: #a9d08e
            }
            &:nth-child(4){
                background-color: #f4b084
            }
        }
    }
    tbody{
        tr{
            font-size: @12;
            line-height: .7rem;
            border-bottom: 1px solid @co51;
            td{
                &:nth-child(1){
                    background-color: #ffd966
                }
                &:nth-child(2){
                    background-color: #8ea9db
                }
                &:nth-child(3){
                    background-color: #a9d08e
                }
                &:nth-child(4){
                    background-color: #f4b084
                }
            }
        }
        td{
            border-left: 1px solid @co51;
            border-right: 1px solid @co51;
            font-size: @12;
        }
    }
}
// 奖励说明
#award_state{
    background-color: @co255;
    text-align: center;
    font-size: @14;font-size: @14;
    padding: .2rem .32rem;;
    .state_award{
        margin: .2rem 0px;
    }
    h4{
        font-size: @12;
        padding-left: .32rem;
        padding-bottom: 0px;
        text-align: left;
    }
    p{
        font-size: @12;
        text-align: left;
        padding-left: .32rem;
    }
}
// 信贷圈子协议
#circle_protocol{
    padding: 0px .32rem;
    ul{
        list-style: none;
    }
    h3{
        text-align: center;
        font-size: 20px;
        font-weight: 300;
        margin: 10px;
        color: #000000;
        padding: 0px;
    }
    .header{
        text-indent: 2em;
        margin-bottom: 20px;
    }
    #circle_protocol{
        padding: 0px 15px;
    }
    li p{
        margin-bottom: 15px;
    }
    .content_p{
        text-indent: 2em;
    }
} 
// 关于我们
#new-fingerpost{
    text-align: center;
    background-color: #fff;
    height: 100%;
    width: 100%;
    img{
        width: 20%;
        margin-top: 2rem;
    }
    p{
        background-color: #fff;
        font-size: @18;
        &:nth-child(1){
            margin-top: .3rem;
        }
    }
    .about_title{
        padding-top: .5rem;
    }
    .about_wx{
        padding-top: 5rem;
        font-family: 'KaiTi'
    }
    .about_email{
        padding-top: 1rem;
        font-family: 'DFKai-SB';
        padding-bottom: 3rem;
    }
}
// 下载页
#down-Load{
    width: 100%;
    height: 100%;
    background-color: #fff;
    background: url('./img/bg.png') no-repeat;
    background-size: 100% 100%;
.header{
    padding: 40px 0px;
}
.header-title{
    width: 100%;
}
.header-title img {
    width: 2.5rem;
    vertical-align: middle;
    margin-right: 10px;
    padding-top: 5px;
    margin-top: -15px;
}
.header-title p span{
    display: inline-block;
}
.header-title ul li p:nth-child(1) span {
    font-size: 35px;
    color: #fff;
    font-weight: 600;
    font-family: 'SimHei';
    display: inline-block;
}
.header-title ul li p:nth-child(2) span{
    margin-top: 16px;
    font-size: 15px;
    background-color: #60554c;
    color: #d7d6d4;
    padding: 2px 5px;
    border-radius: 5px;
    letter-spacing:5px;
}
.click-down{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}
.click-down .load_span{
    &:nth-child(1) {
        background-color: #666666;
    }
    background-color: #3d8ef0;
    color: #fff;
    text-align: center;
    font-size: .4rem;
    padding: 0.2rem 0px;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    line-height: .4rem;
    border-radius: 1rem;
    width: 45%;
    margin:20px auto;
    letter-spacing:5px;
    .small_font{
        font-size: 10px;
    }
}
.click-down span a{
    color: #fff;
}
.header-title ul{
    text-align: center;
    display: flex;
    display: -webkit-flex;
    flex-direction:column;
    justify-content:center;
}
.header-last{
    width: 90%;
    color: #60554c;
    letter-spacing:15px;
    text-align: center;
    border-top: 1px solid #60554c;
    border-bottom: 1px solid #60554c;
    margin: 0 auto;
    padding:5px 0px;
}
.section{
    width: 100%;
    height: 100%;
    border-top-right-radius: 2rem;
    border-top-left-radius: 2rem;
    background-color: #fff;
}
.section .section-desc{
    text-align: center;
    color: #999999;
    font-size: 18px;
    line-height: 1rem;
    padding: 15px 0px;
}
.section-ul img{
    width: 120px;
    
}
.section-ul li div{
    width: 50%;
    float: left;
    text-align: center;
    padding: .4rem 0px;
}
.line{
    clear: both;
}
.section-ul li div p{
    font-size: @14;
    color: #999999;
    display: inline-block;
}
.section-ul li div p:nth-child(1){
    font-size: @24;
    color: #000000;
    font-weight: 600;
    margin-bottom: 10px;
}
.section-ul li div p:nth-child(2){
    line-height: 1rem;
}
.section-ul li div p span{
    color: #ff7f82;
}
.section-ul li div:nth-child(2){
    padding-top: .4rem;
}
.section-ul .li-two div:nth-child(1){
    padding-top: .3rem;
}
.section-ul .li-two div:nth-child(1) p:nth-child(1){
    // padding-bottom: 10px;
}
.section-ul .li-two div:nth-child(2){
    padding-top: .4rem;
}
.section-ul .li-three div p:nth-child(2){
line-height: .4rem;
}
.section-ul .li-four div:nth-child(1){
    padding-top: 60px;
}
.section-ul .li-four div:nth-child(2){
    padding-top: 30px;
}
.section-ul .li-five div:nth-child(2){
    padding: 30px 0px;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
}
.li-two{
    background-color: #fcf5ee
}
.li-three{
    background-color: #fbeef4
}
.li-four{
    background-color: #e6f8fa
}
.li-five{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    background-color: @co255;
    img{
        width: 80%
    }
}
}
// 下载浮层
#load_float{
    width: 100%;
    height: 100%;
    text-align: right;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 550;
    div{
        position: fixed;
        top: 0px;
        right: 0px;
        z-index: 550;
        background-color:#000;
        width: 100%;
        height: 100%;
        opacity:0.3;
    }
}
// 产品详情
#loan_details{
    .loanList{
        height: 100%;
        border-bottom: 1px solid @co235;
        background-color: #fff;
       .vux-flexbox{
           position: relative;
           .flex-img{
                height: 100%;
                img{
                    position: absolute;
                    left: .37rem;
                    top: .3rem;
                    width: 1.5rem;
                }
                p{
                    font-size: @12;
                    color: @co153;
                    margin-bottom: .72rem;
                }
            }
            .flex_text{
                padding-right: .32rem;
                margin-left: .32rem;   
                h2{
                    font-family: "SimHei";
                    font-size: @15;
                    color: @co51;
                    overflow: hidden;
                    text-overflow:ellipsis;
                    white-space: nowrap;
                    padding: 0px;
                    margin-top: .3rem;
                }
                p{
                    font-size: @11;
                    color: @co153;
                    width: 100%; 
                    &:nth-child(2){
                        margin: .3rem 0px;
                        span{
                            display: inline-block;
                            margin-right: .3rem;
                            border: 1px solid @co235;
                            padding: 0px .2rem;
                            border-radius: .1rem; 
                            margin-bottom: .2rem;
                        }
                    }
                    &:nth-child(3){
                         overflow : hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        margin-bottom: .4rem;
                        span{
                            color: @f55;
                        }
                        
                        .loanPeople{
                            color: @co153;
                        }
                    }
                }
            }
       }
    }
    .detail_loan{
        .card-demo-content01{
            margin: .53rem 0rem;
           .vux-1px-r{
              color: @co51;
              font-size: @14;
              span{
                display: inline-block;
                color: @f55;
                margin-bottom: .43rem;
              }
              .rate_name{
                color: @co51;
              }
           }
        } 
    }
    .product_flow{
        padding: 0px .32rem .4rem .32rem;
        background-color: @co255;
        img{
            width: 100%;
        } 
    }
    .product_introduce{
        color: @co153
    }
    
}
// 信贷，信用卡 信贷客页 立即申请按钮
.button_apply{
    background-color: @co255;
    padding: .5rem .32rem;
    .weui-btn{
        background-color: @co47;
        color: @co255;
        font-size: .4rem;
    }
}
.partner_apply{
    text-align: center;
    background-color: @co255;
    padding: .4rem 0px;
    .weui-btn{
        width: 80%;
        color: @co255;
        font-size: @15;
        background-color: @co47;
    }
}
// 信贷客二维码
.creditLoan_qrcode{
    text-align: center;
    img{
        width: 80%;
        margin-bottom: .2rem;
    }
    .img_qr{
       img{
        width: 80% !important;
        height: 80% !important;
       }
    }
}
//  信贷产品  信用卡
#credit_details{
    background-color: #fff;
    img{
        width: 100%;
    }
    .header_img{
        display: block;
        width: 63%;
        margin:0 auto;
        padding: .25rem 0px;
    }
    .product_btn{
        .weui-btn{
            font-size: .35rem;
        }
    }
    .vux-tab{
        .vux-tab-item{
            font-size: .35rem;
        }
    }
    .tab-swiper{
        display: flex;
        display: -webkit-flex;
        padding: .2rem .32rem;
        p{
            &:nth-child(1) {
                span{
                    vertical-align: middle;
                    font-size: .35rem;
                    height: 100%;
                    position: relative;
                    z-index: 1000;
                    &:nth-child(1) {
                        margin-right: .2rem;
                        display: inline-block;
                        width: .15rem;
                        height: .15rem;
                        vertical-align: middle;
                        border-radius: 50%;
                        background-color:rgb(153,153,153);
                    }
                    &:nth-child(2) {
                        color:#000000;
                        margin-right: .2rem;
                    }
                    &:nth-child(3) {
                        color:#666666;
                    }
                }  
            }
        }
    } 
}
